.BreadCrumb {
  position: relative;
  display: flex;
  flex: 0 0 40px;
  align-items: center;
  box-sizing: border-box;
  height: 40px;
  padding: 0;
  overflow: hidden;
  line-height: 40px;
  // background-color: #fff;
  // 产品要求去掉选择文件、选择文件夹相关面包屑下方划横
  // border-bottom: 1px solid var(--inbiz-color-border-base);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;

  .tablebox {
    flex: 1;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    &::-webkit-scrollbar {
      display: none;
    }


    .breadcrumbList {
      height: 100%;
      display: flex;
      overflow: hidden;

      .fontIconWrap {
        display: flex !important;
        align-items: center;

        .fontIcon {
          position: relative;
          box-sizing: border-box;
          width: auto;
          height: 40px;
          color: #666;
          font-size: 20px;
          line-height: 40px;
          display: flex;
          align-items: center;

          &::after {
            position: relative;
            // top: -2.5px;
            color: #666;
            font-size: 16px;
          }

          >svg {
            padding-bottom: 1px;
          }
        }
      }

      .breadcrumbItem {
        display: inline-block;
        color: var(--inbiz-color-secondary-text);
        font-size: 12px;
        white-space: nowrap;
        vertical-align: bottom;

        &::after {
          padding: 0 5px;
          content: '/';
        }

        &:last-child {
          color: var(--inbiz-color-primary);

          &::after {
            content: '';
          }
        }

        .breadcrumbItemEnd {
          max-width: 100%;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block;
          text-overflow: ellipsis;
        }
      }
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;

      td {
        margin: 0;
        padding: 0;

        &.fontIconWrap {
          .fontIcon {
            position: relative;
            top: 2.5px;
            box-sizing: border-box;
            width: auto;
            height: 45px;
            color: #666;
            font-size: 20px;
            line-height: 45px;

            &::after {
              position: relative;
              top: -2.5px;
              color: #666;
              font-size: 16px;
            }
          }
        }

        span {
          display: inline-block;
          color: var(--inbiz-color-secondary-text);
          font-size: 12px;
          white-space: nowrap;
          vertical-align: bottom;

          &::after {
            padding: 0 5px;
            content: '/';
          }
        }

        &:last-child {
          ::after {
            content: '';
          }
        }
      }
    }
  }

  .navSearch {
    flex: 1;
    padding: 0 10px;
    text-align: right;
  }
}